<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=", initial-scale=1.0">
    <title>微信，是一个生活方式</title>
    <style>
        *{
            margin: 0px;
            padding: 0px;
        }
        .aa{
            margin: auto;
            height: 75px;
            background: url(jj.jpg) repeat-x;
        }
        .bb{
            height: 425px;
            background-color: #dddddd;
        }
        .cc{
            height: 378px;
            width: 968px;
            background-color:white;
            margin: 47px auto 27px;
        }
        .dd{
            margin-left: auto;
            margin-right: auto;
            width: 968px;
            height: 50px;
            background-color:white
        }
        .aa .logo{
            height: 44px;
            margin-top: 14px;
            float:left;
        }
        .ee{
            height: 75px;
            float: left;

        }
        .daohang{
            float: left;
            width: 838px;
            height: 75px;
            margin-top: 25px;
        }
        li{
            float: right;
            margin-right: 10px;
            list-style: none;
            margin-right: 20px;

        }
        .pp{
            width: 968px;
            height: 75px;
            margin: auto;
        }
        a{
            color: white;
        }
        .er{
            width: 968px;
            height: 425px;
            background-color: #dddddd;
            margin: auto;
        }
        .ll{
            padding: 45px 0 3px;
        }
        .wangji{
            color: green;
        }
        .zizhu{
            color: green;
        }
        .dongjie{
            color: green;
        }
        .ll{
            height: 120px;
            width: 400px;
            margin-bottom: 13px;
        }
        .bangzhu{
            width: 224px;
            height: 80px;
            margin-top: 10px;
        }
        .shiyi{
            margin-top: 5px;

        }
        .zhichi{
            margin-top: 5px;
            margin-bottom: 5px;
        }
        .keyi{
            margin-top: 5px;
            margin-bottom: 5pxs;
        }
        .tupian{
            position: absolute;
            left: 760px;
            height: 280px;
            width: 490px;
            
        }
        .uu{
            height: 64px;
            width: 224px;
        }
        .erweima{
            width: 200px;
            float: left;
        }
        .liaojie{
            color: green;
        }
        .qq{
            width: 199px;
            height: 113px;
        }
        .mac{
            float: left;
        }
        .dainnaoban{
            width: 199px;
            height: 113px;
        }
        .pc{
            width: 199px;
            height: 113px;
        }
        .window{
            float: left;
        }
        .zuixin{
            margin-bottom: 5px;
            float: right;
        }
        h4{
            font-size: 10px;
        }
        .anduo{
            color: green;
        }
        .win{
            color: green;
        }
        .ios{
            color: green;
        }
        .nac{
            color: green;
        }
        .ios9{
            color: green;
        }
        .guanli{
            color: green;
        }
        .pintai{
            color: green;
        }
        .gonghognhao{
            color: green;
        }
        .gezhong{
            margin-bottom: 10px;
        }
        .a1{
            margin-bottom: 10px;
        }
        .a2{
            margin-bottom: 10px;
        }
        .a3{
            margin-bottom: 10px;
        }
        .a4{
            margin-bottom: 10px;
        }
        .a5{
            margin-bottom: 10px;
        }
        .wei{
            float: left;
        }
        .yuyan{
            float: right;
        }
        .so{
            color: darkgray;
         }    
    </style>
</head>
<body>
    <div class="aa">
        <div class="pp">
            <div class="ee">
                <img class="logo" src="ll.png" alt="">
            </div>
                <ul class="daohang">
                <li><a href="https://wx.qq.com/" target="_blank" rel="noopener noreferrer">微信网页版</a></li>
                <li><a href="https://sticker.weixin.qq.com/" target="_blank" rel="noopener noreferrer">表情开放平台</a></li>
                <li><a href="https://work.weixin.qq.com/" target="_blank" rel="noopener noreferrer">企业微信</a></li>
                <li><a href="https://ad.weixin.qq.com/" target="_blank" rel="noopener noreferrer">微信广告</a></li>
                <li><a href="https://ad.weixin.qq.com/" target="_blank" rel="noopener noreferrer">微信支付</a></li>
                <li><a href="https://open.weixin.qq.com/" target="_blank" rel="noopener noreferrer">开放平台</a></li>
                <li><a href="https://mp.weixin.qq.com/" target="_blank" rel="noopener noreferrer">公众平台</a></li>
                <li><a href="https://kf.qq.com/product/weixin.html" target="_blank" rel="noopener noreferrer">帮助与反馈</a></li>
                <li><a href="https://weixin.qq.com/" target="_blank" rel="noopener noreferrer">首页</a></li>
                </ul> 
            </div>
        </div>
    </div>    
</div>
    <div class="bb">
        <div class="er">
            <div class="ll">
                <img  class="tupian" src="diannao.png" alt=""></a>
                <h1>微信，是一个生活方式</h1>
                <p class="shiyi">超过十亿人使用的手机应用</p>
                <p class="zhichi">支持发送语音短信、视频、图片和文字</p>
                <p class="keyi">可以群里，仅耗少量流量，适合大部分智能手机</p>
            </div>
            <div class="uu" >
                <a href="https://weixin.qq.com/cgi-bin/readtemplate?uin=&stype=&promote=&fr=&lang=zh_CN&ADTAG=&check=false&nav=download&t=weixin_download_list&loc=readtemplate,weixin,body,6" 
                target="_blank" rel="noopener noreferrer"><img class="xiaiza" src="xiazai.png" alt=""></a>
            </div>
            <div class="bangzhu">
                <a class="wangji" href="https://weixin110.qq.com/security/readtemplate?t=find_password/index" target="_blank" rel="noopener noreferrer">忘记了微信账号或密码？</a>
                <br>
                <br>
                <a class="zizhu" href="https://weixin110.qq.com/security/readtemplate?t=page/self_deblock__account&lang=zh_CN" target="_blank" rel="noopener noreferrer">自助解除登录或功能限制</a>
                <br>
                <br>
                <a class="dongjie" href="https://weixin110.qq.com/security/readtemplate?t=page/account_frozen__intro" target="_blank" rel="noopener noreferrer">冻结或解冻微信账号</a>
            </div>
        </div>
    </div>
    <div class="cc">
        <ul class="center">
            <li class="erweima">
                <a href="https://wx.qq.com/" target="_blank" rel="noopener noreferrer"><img class="qq" src="wangye.jpg.jpeg" alt=""></a>
                <h2>微信网页版</h2>
                <br>
                <p>扫一扫二维码</p>
                <br>
                <p>就能在浏览器上使用微信</p>
                <br>
                <p><a class="liaojie" href="https://wx.qq.com/" target="_blank" rel="noopener noreferrer">了解更多</a></p>
            </li>
            <li class="mac">
                <a href="" target="_blank" rel="noopener noreferrer"> <img class="dainnaoban" src="mac.jpg.jpeg" alt=""></a>
                <h3>微信Mac版</h3>
                <br>
                <p>极致简洁，迅捷沟通</p>
                <br>
                <p><a class="liaojie" href="https://mac.weixin.qq.com/" target="_blank" rel="noopener noreferrer">了解更多</a></p>
            </li>
            <li class="window">
                <a href="" target="_blank" rel="noopener noreferrer"> <img class="pc" src="window.jpg.jpeg" alt=""></a>
                <h3>微信Window版</h3>
                <br>
                <p>让沟通更方便</p>
                <br>
                <p><a class="liaojie" href="https://pc.weixin.qq.com/" target="_blank" rel="noopener noreferrer">了解更多</a></p>
            </li>
            <li class="zuixin">
                <h4>最新消息</h4>
                    <li class="gezhong"><a class="anduo" href="http://" target="_blank" rel="noopener noreferrer">微信 8.0.2 for Android 正式版发布</a></li>
                    <li class="a1"><a class="win" href="http://" target="_blank" rel="noopener noreferrer">微信 3.2.1 for Windows 正式版发布</a></li>
                    <li class="a2"><a class="ios" href="http://" target="_blank" rel="noopener noreferrer">微信 8.0.2 for iOS 正式版发布</a></li>
                    <li class="a3"><a class="nac" href="http://" target="_blank" rel="noopener noreferrer">微信 2.6.1 for Mac 正式版发布</a></li>
                    <li class="a4"><a class="ios9" href="http:/" target="_blank" rel="noopener noreferrer">关于部分 iOS 9 用户无法更新微信</a></li>
                    <li class="a5"><a class="guanli" href="http://" target="_blank" rel="noopener noreferrer">微信外部链微信网页版 2.1 版本发布</a></li>
                    <li class="a6"><a class="pintai" href="http://" target="_blank" rel="noopener noreferrer">微信表情开放平台上线</a></li>
                    <li class="a7"><a class="gonghonghao" href="http://" target="_blank" rel="noopener noreferrer">官方辟谣公众号开通</a></li>
            </li>
        </ul>
    </div>
    <div class="dd">
        <hr>
        <li class="wei"><a  class="so"href="http://" target="_blank" rel="noopener noreferrer">关于腾讯</a></li>
        <li class="wei"><a  class="so"href="http://" target="_blank" rel="noopener noreferrer">服务条款</a></li>
        <li class="wei"><a  class="so"href="http://" target="_blank" rel="noopener noreferrer">使用规范</a></li>
        <li class="wei"><a  class="so"href="http://" target="_blank" rel="noopener noreferrer">客服中心</a></li>
        <li class="wei"><a  class="so"href="http://" target="_blank" rel="noopener noreferrer">隐私保护指导</a></li>
        <li class="yuyan"><a class="so" href="http://" target="_blank" rel="noopener noreferrer">简体中文</a></li>
        <li class="yuyan"><a class="so"href="http://" target="_blank" rel="noopener noreferrer">繁体中文</a></li>
        <li class="yuyan"><a class="so"href="http://" target="_blank" rel="noopener noreferrer">English</a></li>
        <li class="wei"><a  class="so"href="http://" target="_blank" rel="noopener noreferrer">© 1998 - 2021 Tencent Inc. All Rights Reserved</a></li>
       
    </div>
</body>
</html>